import Image from 'next/image'
import React from 'react'
import { assets } from '../assets/assets'

const Footer = ({isDarkMode}) => {
  return (
<div className='mt-20'>
      <div className='text-center'>
        <Image alt='' src={isDarkMode? assets.logo_dark : assets.logo} className='w-36 mx-auto mb-2'/>

        <div className='w-max flex items-center gap-2 mx-auto'>
            <Image className='w-6' alt='' src={isDarkMode? assets.mail_icon_dark : assets.mail_icon}/>
            863647842@qq.com
        </div>
      </div>

    <div className='text-center sm:flex items-center justify-between border-t border-gray-400 mx-[10%] mt-12 py-6'>
        <p>
            @2025 Benny.All rights reserved.
        </p>
        <ul className='flex items-center gap-10 justify-center mt-4 sm:mt-0'>
            <li><a target='_blank' href="https://github.com/HTFSince2018">GitHub</a></li>
            <li><a target='_blank' href="https://gitee.com/jim-jenny">Gitee</a></li>
            <li><a target='_blank' href="https://blog.csdn.net/weixin_47852408?spm=1000.2115.3001.10640">CSDN</a></li>
            <li><a target='_blank' href="http://baidu.com">BiliBili</a></li>
            <li><a target='_blank' href="http://baidu.com">TikTok</a></li>
        </ul>
    </div>
    </div>
  )
}

export default Footer
